/*The !important declaration is very important. Without, the author stylesheet would take precedence. It must be declared on anything not created by Beautipedia. For some properties, !important must be used, regardless of the element creator. These are typically properties which were created using a blanket selector (html, body). I have used !important on all properties, just to be safe.*/

@font-face {
	font-family: "jGaramond";
	src: local('Garamond'), url('jGaraRegular.ttf') format('truetype');
}

/* Hide Dumb Stuff */

#mw-panel, #mp-sister, #mp-lang, #footer-icons, #p-personal, #left-navigation, #p-views, #p-cactions, #mw-page-base, #articlecount, .editsection, .magnify, #mw-fr-revisiontag, .portlet, .tmbox-notice, .mbox-image, #featured-star, #good-star, #protected-icon {
	display: none !important;
}

/* Search */

#p-search {
	position: absolute !important;
	top: 0 !important;
	right: 7.25em !important;
	opacity: .25;
	-o-transition-property: opacity;
	transition-duration: .4s;
}

#p-search:hover {
	opacity: 1 !important;
}

.fwpfocused {
	opacity: 1 !important;
}

#simpleSearch {
	background-image: none !important;
	border-radius: 5px !important;
}

#searchInput {
	appearance: none !important;
	outline: none !important;
}

.suggestions-results, .suggestions-special {
	background-color: white !important;
}

/* Main Menu */

#mlDiv {
	/*Menu, position, text*/
	position: absolute !important;
	top: .8em !important;
	right: 6.25em !important;
	font-family: 'jGaramond', 'Garamond', serif !important;
	margin-right: -4.75em !important;
	width: 5.25em !important;
}

#mainLink {
	/*Menu, position, text */
	position: relative;
	text-decoration: none !important;
}

#mainLink:hover {
	/*Menu, removes underline below "W" */
	text-decoration: none !important;
}

#mlLinksDiv {
	/*Menu, sets up main style of div */
	display: none !important;
	position: absolute !important;
	background: white !important;
	border: 1px solid grey !important;
	border-radius: 5px !important;
	max-width: 6.25em !important;
	white-space: nowrap !important;
	box-shadow: 2px 4px 10px grey !important;
}

#mlDiv:hover .mlLinksDivShow {
	/*Menu, displays div on hover - class is  dynamically set by javascript*/
	display: block !important;
}

.mlLinksDivHide {
	/*Menu, hides div on hover - class is  dynamically set by javascript*/
	display: none !important;
}

#mlLinksDiv a {
	/*Menu -> Links, sets one link per line (block), text stuff, overflow*/
	display: block !important;
	padding: 5px !important;
	text-decoration: none !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#mlLinksDiv a:hover {
	/*Menu -> Links, highlights links when hovered*/
	background: highlight !important;
}

#mlLinksDiv a:first-child {
	/*Menu -> Links, prevents top corners of highlight from clipping rounded corners of mlLinksDiv*/
	border-top-right-radius: 5px !important;
	border-top-left-radius: 5px !important;
}

#mlLinksDiv a:last-child {
	/*Menu -> Links, prevents bottom corners of highlight from clipping rounded corners of mlLinksDiv*/
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}

#fwpLangSwitch.off {
	/*Hides language switch*/
	display: none !important;
}

#fwpLangSwitch.on {
	/*Displays language switch*/
	display: block !important;
}

/* Main Page */

#mp-upper h2, #mp-bottom h2 {
	/*Main Page -> Featured Headings*/
	background: none !important;
	border: none !important;
	border-bottom: 1px solid grey !important;
}

#mp-upper table, #mp-bottom table, .MainPageBG, #mp-bottom {
	/*Main Page, light grey article background*/
	background-color: #F1F1F1 !important;
}

#mp-topbanner {
	/*Main Page -> Welcome Banner*/
	background: none !important;
	border: none !important;
	font-family: "Garamond", "jGaramond", serif !important;
}

#mp-topbanner td:nth-child(n+2) {
	/*Main Page -> Welcome Banner, removes everything but welcome to wikipedia*/
	display: none !important;
}

#mp-topbanner td table {
	/*Main Page -> Welcome Banner, center table*/
	margin: auto !important;
	vertical-align: middle;
}

/*General Pages*/

.MainPageBG {
	/*General*/
	border: 1px solid #BEBEBE !important;
	border-radius: 3px !important;
}

#mw-head-base, #content, #footer {
	/*General, Removes strange blue lines */
	background-image: none !important;
}

#content {
	/*General, white, rounded corner backdrop, shadow*/
	margin: 3em 5em 0 5em !important;
	padding: 1em 2em !important;
	border: grey solid 1px !important;
	border-radius: 6px !important;
	box-shadow: 0 0 10px #ccc !important;
}

html {
	/*General, Basic text adjustments*/
	text-align: justify !important;
	font-family: "Helvetica", "Arial", sans-serif !important;
}

/* Content Display */

#footer a {
	/*Content -> footer, removes blue links in footer*/
	color: inherit !important;
}

.fwpColorLinksOff a, #mlDiv a {
	/*Content, Removes blue coloring if setting is off
	Absence of .fwpColorLinksOn property sets links to color assigned by author stylesheet*/
	color: inherit !important;
	transition: color 1s ease-out;
}

.fwpColorLinksOn a {
	transition: color 1s ease;
}

p {
	margin-top: .6em !important;
}

.fwpIndentOn p {
	/* Adds text indent if setting on. */
	text-indent: 2em !important;
}

#firstHeading {
	/*Content -> Headlines, Garamond, Larger font*/
	font-family: "Garamond", "jGaramond", serif !important;
	font-size: 3em !important;
	font-weight: normal;
}

.mw-headline {
	/*Content -> Headlines, Garamond, different font*/
	font-size: 1.75em !important;
	display: block !important;
	margin-top: .25em !important;
	font-family: "Garamond", "jGaramond", serif !important;
}

h2 {
	overflow:visible;
}

h2 .mw-headline {
	font-weight: 900 !important;
}

h3 .mw-headline {
	font-weight: normal !important;
}

.thumbinner {
	/*Content -> Thumbnails, image well*/
	border-radius: 3px !important;
	box-shadow: 0 0 8px #ccc !important;
}

.thumbcaption {
	/*Content -> Thumbnails -> Captions, basic settings, hides captions, adds transitions*/
	text-align: center !important;
	height: 0 !important;
	display: none !important;
	-o-transition-property: height;
	transition-duration: 1s;
}

.thumbinner:hover .thumbcaption {
	/*Content -> Thumbnails -> Captions, shows captions on hover of thumbnail*/
	display: block !important;
	height: auto !important;
}

.navbox-title, .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title, .navbox-columns-table td {
	background-color: lightgrey !important;
}

.navbar, .plainlinks a {
	background: none !important;
}